/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
html{ font-size:10px; }
body{ font-size:62.5%; }
*{ font-family:"Microsoft YaHei"; }
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-weight:normal;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:normal;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{ font:arial,\5b8b\4f53;color:#333;outline:0; }
a,a:hover{color:#333;-webkit-tap-highlight-color:transparent;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
	-webkit-appearance: none !important;
	margin: 0;
}
input[type='button']{ border: none;}
@media screen and ( min-width:320px ) {
	html {font-size: 10px;}
}
@media screen and ( min-width:360px ) {
	html {font-size: 11.25px;}/* 实际为宽为360 */
}
@media screen and ( min-width:375px ) {
	html {font-size: 11.5px;}
}
@media screen and ( min-width:400px ) {
	html {font-size: 13px;}
}
@media screen and ( min-width:414px ) {
	html {font-size: 13px;}
}
@media screen and ( min-width:440px ) {
	html {font-size: 14px;}
}
@media screen and ( min-width:480px ) {
	html {font-size: 15px;}
}
@media screen and ( min-width:550px ) {
	html {font-size: 16px;}
}
@media screen and ( min-width:640px ) {
	html {font-size: 20px;}
}
html, body{ height:100%; background: #232220;}
.color-red {
	color: #ff0000 !important;
}